﻿var dataSource = [{ arg: 0, val: 0 },
                 { arg: 30, val: 1.7 },
                 { arg: 45, val: 0 },
                 { arg: 60, val: 1.7 },
                 { arg: 90, val: 0 },
                 { arg: 120, val: 1.7 },
                 { arg: 135, val: 0 },
                 { arg: 150, val: 1.7 },
                 { arg: 180, val: 0 },
                 { arg: 210, val: 1.7 },
                 { arg: 225, val: 0 },
                 { arg: 240, val: 1.7 },
                 { arg: 270, val: 0 },
                 { arg: 300, val: 1.7 },
                 { arg: 315, val: 0 },
                 { arg: 330, val: 1.7 },
                 { arg: 360, val: 0 }];

$(function () {
    $("#chartContainer").dxPolarChart({
        dataSource: dataSource,
        series: [{ type: 'line' }],
        legend: { visible: false },
        valueAxis: {
            constantLines: [
                { value: 1.7 }
            ],
        },
        argumentAxis: {
            constantLines: [
                { value: 30},
                { value: 60 },
                { value: 120 },
                { value: 150 },
                { value: 210 },
                { value: 240 },
                { value: 300 },
                { value: 330 }
            ]
        },
        commonAxisSettings: {
            constantLineStyle: {
                color: 'yellowgreen',
                dashStyle: 'longdash',
                width: 2,
                label: {
                    font: { color: 'lightskyblue' }
                }
            }
        }
    });
});
